<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>
<body>
<h1>注册页面</h1>
<form method="get" action="./user.do">
    <input type="hidden" name="action" value="register">
    会员邮箱:<input type="text" name="email"/><br/>
    会员名称:<input type="text" name="username"/><br/>
    会员密码:<input type="password" name="password"/><br/>
    重复密码:<input type="password" name="repassword"/><br/>
    联系电话:<input type="text" name="telephone"/><br/>
    性别:<input type="text" name="gender"><br/>
    个人介绍:<textarea name="introduce"></textarea><br/>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">返回</button>
</form>
<script type="text/javascript" src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    // //1.会员邮箱格式校验
    // ^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
    // //2.密码和重复密码相同校验
    //
    // //3.电话格式校验
    // ^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
    // //4.性别单选框
    //
    // //5.所有属性都要非空
    // \s*
    // //6.用户名、密码4-20位
    // ^[\u4E00-\u9FA5 A-Za-z0-9_]{4,40}$
    // //给提交按钮绑定点击事件
    $(function () {
        var emailReg = new RegExp('^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$');
        var phoneReg = new RegExp('^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$');
        var nullReg = new RegExp('\\s*');
        var loginReg = new RegExp('^[\u4E00-\u9FA5 A-Za-z0-9_]{4,20}$');
        var tips = "";
        $("button[type = submit]").click(function () {
            // reg.test(“11111111a”)
            var email = $("input[name = 'email']").val();
            var username = $("input[name = 'username']").val();
            var password = $("input[name = 'password']").val();
            var repassword = $("input[name = 'repassword']").val();
            var telephone = $("input[name = 'telephone']").val();
            var gender = $("input[name = 'gender']").val();
            if (!(emailReg.test(email)) || (nullReg.test(email))){
                tips+="邮箱格式有问题!\n"
            }
            if (!(phoneReg.test(telephone)) ){
                tips+="电话格式有问题!\n"
            }
            if ((!(loginReg.test(username))||!(loginReg.test(password)))){
                tips+="用户名密码有问题!\n"
            }
            if (tips.length>2){
                alert(tips);
                tips = ""
                return false;
            }else{
                alert("你真棒!");
            }


        })
    })

</script>
</body>
</html>